<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title style="text-align: center">KingJames</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div style="background-image:url('image/bg.png');width: 1280px;height: 720px">
        <div class="title">Welcome to KingJames goat's homepage!</div>
        <div class="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="image/banner1.png" alt="Image 1">
                </div>
                <div class="carousel-item">
                    <img src="image/banner2.png" alt="Image 2">
                </div>
                <div class="carousel-item">
                    <img src="image/banner3.png" alt="Image 3">
                </div>
                <!-- Add more carousel items as needed -->
            </div>
        </div>
    </div>
    <script src="./js/script.js"></script>
</body>
</html>